console.log("入口文件");

// 引入文件使用模块化语法进行引入

// import './基本数据类型/base1';

// import引入  
// 使用了模块语法的暴露和引入了吗？ exprot default（默认暴露）  export {}（统一暴露）  export xx（分别暴露）   入口文件通过import引入  使用的是模块化语法 模块内部的变量称为局部变量不会影响全局
// 通过import直接引入的文件的变量会响应全局变量？当前引入import './基本数据类型/base1' 在base1内部使用模块化语法进行暴露了吗？
// 没有使用模块化语法进行暴露， 在base1当中的变量是局部变量,base1内部的东西不会响应其他模块
// 
// let aa: string = '465';
// console.log(aa);

// 在这个ts当中是否能使用commonjs模块化语法 
// const obj = require('./TestCommonJs/demoCommonjs');
// console.log(obj);

// console.log('入口文件main.ts');
// console.log('把ts文件解析为js 并且在index.html中引入');

/* 
ts不能被浏览器直接识别，需要将其转换为js  在html页面中引入js,能被浏览器识别

ts转换成js
三种方案  最终使用的是webpack配置的环境
一种 手动编译    tsc 安装的文件的名字 
二种 vscode 自动编译   tsc --init生成了tsconfig.json配置文件 更改配置  通过vscode 终端运行run task
依赖的都是全局中安装的 typescript包

运行不了，不用这个了，  使用第三种webpack配置的

1.从码云上下载  git clone 网址
2.将webpack的那个文件中的内容复制到一个新的文件夹内
3.npm i 下载所有的依赖
4.在当前项目的文件夹下运行npm run dev(开发环境下运行)  npm run build(在生产环境下运行)


详细步骤

1.在你的码云上创建仓库，开源
2. 在你的电脑上拉取项目 git  clone 网址 
3.将我的仓库中的webpack_ts文件中的内容，复制到你的仓库中
4.同时也复制一个gitignore文件，主要目的是忽略node_modules
5.npm i 下载所有依赖
6.在当前项目的文件夹下运行npm run dev(开发环境下运行)  npm run build(在生产环境下运行)
7.写代码 开始练习
8.当练习完毕后推送的码云上  git add .   git commit -m''  git push

*/

// 接口引入
// import { objName, objName1 } from './接口/对象类型';
// console.log(objName, objName1);

// 接口定义函数引入
// import { foo } from './接口/函数类型';
// console.log(foo);

// class类讲解文件引入
// import './接口/class类';


// import { tom } from './接口/class类';
// console.log(tom);


// import "./class类/demo1";

/*
exports暴露之后就能正常使用了
入口文件通过 import 引入
*/

// import './class类/存取器';
// import './函数/demo1';
// import './泛型/demo';
import { foo } from './泛型/demo';
console.log(foo);